4.11 Character Emphasis Modes

HTML allows you to specify special character highlighting or emphasis (eg boldface, italics, etc). These elements do NOT cause page breaks, and simply change the rendering of the characters enclosed inside the tags.

HTML allows you to specify these modes in two ways: Logically (by the logical meaning of the special text you wish to mark) and physically (by explicitly specifying the style you want, such as italics, boldfaced, underline, etc.). You are STRONGLY urged to use the logical renderings, as these will be more consistently interpreted from browser to browser.

Note that the logical styles may not be distinct (i.e. different logical styles may be rendered in the same way). Also, some browsers do not support all physical styles. For example, Mosaic does NOT support underlined text -- this is rendered without the underline.

4.11.1 Elements Proposed by HTML 3

HTML 3 Proposed several new text emphasis elements, such as BIG and SMALL for bigger and smaller text, and SUP and SUB for superscripts and subscripts. These are implemented on the Netscape Navigator 2.0 browser, but not by most other browsers. You should therefore be cautious in their use. Examples are given below, which will let you test the abilities of your own browser.

4.11.2 Elements proposed by Netscape and Microsoft

4.11.3 Logical Styles

EM

Emphasis (usually italics). For example the string <EM> this is example text </EM> is rendered: this is example text.

STRONG

Stronger emphasis (usually bold). For example the string <STRONG> this is example strong text </STRONG> is rendered: this is example strong text.

CODE

Example of typed code (usually fixed-width font). For example the string <CODE> this is example code </CODE> is rendered: this is example code.

SAMP

A sequence of literal characters. For example the string <SAMP> this is example text </SAMP> is rendered: this is example text.

KBD

Text to be marked as keyboard input: for example, in an instruction manual this would be the text typed by the user. For example the string <KBD> this is example text </KBD> is rendered: "this is example text.

VAR

A variable name. For example, the string <VAR> this is example text </VAR> is rendered: this is example text.

DFN

The defining instance of a term (often rendered bold or bold italic). For example <DFN> this is example text </DFN> is rendered: this is example text.

CITE

A citation (typically rendered in italics). For example <CITE> this is example text </CITE> is rendered: this is example text.

4.11.4 Physical Styles

The physical style elements, and their renderings, are:

TT

Fixed width typewriter font. For example <TT> this is example text </TT> is rendered: this is example text.

B

Boldface where available (browser may render this in another manner if boldface is not possible). For example <B> this is example text </B> is rendered: this is example text.

I

Italics (may be rendered as slanted in some cases) For example <I> this is example text </I> is rendered: this is example text.

U (HTML 3)

Underline (may be rendered as slanted in some cases) For example <U> this is example text </U> is rendered: this is example text.This element is not widely supported.

BIG (HTML 3)

Bigger text. For example <BIG> this is example text </BIG> is rendered: this is example text.This element is not widely supported.

SMALL (HTML 3)

Smaller text For example <SMALL> this is example text </SMALL> is rendered: this is example text.This element is not widely supported.

SUB (HTML 3)

Subscripts -- For example <SUB>sub</SUB>script is rendered: _subscript.This element is not widely supported.

SUP (HTML 3)

Subscripts -- For example <SUP>sup</SUP>script is rendered: ^supscript. This element is not widely supported.

FONT (Netscape/Microsoft Extension)

Fiddle the Font. With netscape, this can be used to control the font size. Thus <FONT SIZE="-1"> will select a slightly smaller font. For example <FONT SIZE="-1">smaller</FONT> is rendered: smaller.

The microsoft browser also allows you to select font faces. Thus <FONT FACE="arial"> will select an arial font. For example, <FONT FACE="arial">this is arial font </FONT> is rendered: this is arial font.